@import '../../../ui/mixins';

aca-search-results {
  .aca-search-toolbar-spacer {
    width: 100%;
  }
}

.adf-search-results {
  @include flex-row;

  &__facets {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    margin-bottom: 15px;
  }

  &__content {
    @include flex-column;

    border-left: 1px solid var(--theme-border-color);
  }

  &__content-header {
    display: flex;
    padding: 0 25px;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid var(--theme-border-color);
    border-bottom: 1px solid var(--theme-border-color);

    .adf-search-filter-chip,
    .adf-search-filter-chip-tabbed {
      &[disabled] {
        &.mat-chip {
          background-color: var(--theme-disabled-chip-background-color);
          color: var(--theme-search-chip-icon-color);
        }
      }

      &.mat-chip {
        background-color: var(--theme-dropdown-color);
        color: var(--theme-selected-text-color);

        &:hover,
        &:focus {
          background-color: var(--theme-grey-background-hover);
        }

        mat-icon {
          color: var(--theme-search-chip-icon-color);
        }
      }

      .adf-search-filter-placeholder {
        color: var(--theme-selected-text-color);
      }
    }
  }

  &--info-text {
    flex: 1;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
  }

  &--embedded_viewer {
    position: unset;
    display: flex;
    width: 100%;
  }

  &--right_panel_section {
    display: flex;
    justify-content: flex-start;
  }

  &--right_panel_section-extended {
    display: flex;
    justify-content: flex-start;
    flex-basis: 55%;
  }

  &--preview-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 5px;
    padding-right: 24px;
  }

  &--visibility_button {
    margin-right: 8px;
  }

  .adf-search-filter {
    min-width: 260px;
    max-width: 320px;
    padding: 5px;
    height: 100%;
    overflow: scroll;

    &--hidden {
      display: none;
    }
  }

  .aca-content {
    box-sizing: border-box;
    display: flex;
    place-content: flex-start space-between;
    align-items: flex-start;
    padding: 16px 12px;
    background-color: var(--theme-primary-color-default-contrast);

    &__filter-set {
      p {
        padding: 0 16px;
      }
    }

    &__divider {
      height: 100%;
    }

    &__advanced-filters {
      width: 100%;
      padding: 0 12px;

      &--header {
        display: flex;
        justify-content: space-between;
      }
    }

    &__reset-action {
      line-height: 33px;
      font-weight: lighter;
    }

    &__sort-picker {
      min-width: 220px;
    }
  }

  .adf-datatable {
    aca-search-action-menu button {
      width: 0;
    }

    .aca-location-link a {
      font-size: 12px;
      max-width: 350px;
      text-align: left;
      direction: rtl;
    }
  }
}
